/* 全局样式定义 */

/* 根节点样式 */
.root {
    /* 主题颜色 */
    -fx-primary: #2196F3;
    -fx-primary-light: #64B5F6;
    -fx-primary-dark: #1976D2;
    -fx-accent: #FF4081;
    
    /* 背景颜色 */
    -fx-background: #121212;
    -fx-background-light: #1E1E1E;
    
    /* 文本颜色 */
    -fx-text-primary: #FFFFFF;
    -fx-text-secondary: rgba(255, 255, 255, 0.7);
    
    /* 默认字体 */
    -fx-font-family: "Microsoft YaHei";
    -fx-font-size: 14px;
}

/* 按钮样式 */
.button {
    -fx-background-color: -fx-primary;
    -fx-text-fill: white;
    -fx-background-radius: 4px;
    -fx-padding: 8px 16px;
    -fx-cursor: hand;
}

.button:hover {
    -fx-background-color: -fx-primary-light;
}

.button:pressed {
    -fx-background-color: -fx-primary-dark;
}

/* 滑块样式 */
.slider {
    -fx-show-tick-labels: true;
    -fx-show-tick-marks: true;
    -fx-major-tick-unit: 0.5;
    -fx-block-increment: 0.1;
}

.slider .track {
    -fx-background-color: -fx-background-light;
}

.slider .thumb {
    -fx-background-color: -fx-primary;
}

/* 下拉框样式 */
.combo-box {
    -fx-background-color: -fx-background-light;
    -fx-text-fill: -fx-text-primary;
    -fx-background-radius: 4px;
    -fx-padding: 5px;
}

.combo-box .list-cell {
    -fx-background-color: -fx-background-light;
    -fx-text-fill: -fx-text-primary;
}

.combo-box .list-view {
    -fx-background-color: -fx-background-light;
}

/* 颜色选择器样式 */
.color-picker {
    -fx-background-color: -fx-background-light;
    -fx-background-radius: 4px;
    -fx-min-height: 35px;
}

/* 标签样式 */
.label {
    -fx-text-fill: -fx-text-primary;
}

/* 面板样式 */
.pane {
    -fx-background-color: -fx-background;
}

/* 工具提示样式 */
.tooltip {
    -fx-background-color: -fx-background-light;
    -fx-text-fill: -fx-text-primary;
    -fx-font-size: 12px;
}

/* 滚动条样式 */
.scroll-bar {
    -fx-background-color: transparent;
}

.scroll-bar .thumb {
    -fx-background-color: -fx-primary;
    -fx-background-radius: 4px;
}

/* 分隔线样式 */
.separator {
    -fx-background-color: rgba(255, 255, 255, 0.1);
}

/* 状态栏样式 */
.status-bar {
    -fx-background-color: -fx-background-light;
    -fx-padding: 4px;
}

/* 控制面板样式 */
.control-panel {
    -fx-background-color: rgba(43, 43, 43, 0.85);
    -fx-background-radius: 10 0 0 10;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.4), 10, 0, -5, 0);
}

/* 面板标题 */
.panel-title {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-text-primary;
}

/* 控制标签 */
.control-label {
    -fx-font-size: 14px;
    -fx-text-fill: -fx-text-secondary;
}

/* 值标签 */
.value-label {
    -fx-font-size: 12px;
    -fx-text-fill: -fx-text-secondary;
    -fx-alignment: CENTER-RIGHT;
}

/* 预设按钮 */
.preset-button {
    -fx-min-width: 80px;
    -fx-background-color: -fx-primary;
    -fx-text-fill: white;
}

.preset-button:hover {
    -fx-background-color: -fx-primary-light;
}

/* 版本标签 */
.version-label {
    -fx-font-size: 12px;
    -fx-text-fill: -fx-text-secondary;
    -fx-alignment: CENTER;
}

/* 滚动面板样式 */
.control-panel-scroll {
    -fx-background: transparent;
    -fx-background-color: transparent;
    -fx-border-width: 0;
}

.control-panel-scroll > .viewport {
    -fx-background-color: transparent;
}

.control-panel-scroll > .scroll-bar:vertical {
    -fx-background-color: transparent;
    -fx-padding: 0 0 0 1;
}

.control-panel-scroll > .scroll-bar:vertical > .thumb {
    -fx-background-color: rgba(255, 255, 255, 0.3);
    -fx-background-radius: 2;
}

.control-panel-scroll > .scroll-bar:vertical > .track {
    -fx-background-color: transparent;
}

/* 确保控制面板始终显示在右侧 */
.control-panel-scroll {
    -fx-fit-to-height: true;
    -fx-hbar-policy: never;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

/* 主容器样式 */
.main-container {
    -fx-background-color: -fx-background;
}

/* 特效面板样式 */
.effect-pane {
    -fx-background-color: transparent;
}